<template>
  <div>
    影院
    <!-- 4.渲染页面 -->
    <div class="cinema-list">
      <div class="list-wrap">
        <div v-html="yingyuan"></div>
      </div>
    </div>
  </div>
</template>

<script>
//1.引入 axios
import axios from "axios";
export default {
  name: "Yingyuan",
  //2.定义变量
  data: function () {
    return {
      yingyuan: "", //接收从后台传过来的字符串数据
    };
  },
  //3.在钩子函数中获取数据
  created() {
    axios
      .get(
        "/ajax/moreCinemas?day=2021-09-24&offset=0&limit=20&districtId=-1&lineId=-1&hallType=-1&brandId=-1&serviceId=-1&areaId=-1&stationId=-1&item=&updateShowDay=true&reqId=1632475746810&cityId=30&optimus_uuid=3084E8D0146211ECA50A477D88250D251D93073CCDCC41D9A4CAC797521EC42D&optimus_risk_level=71&optimus_code=10"
      )
      .then((res) => {
        //先输出，数据在不在，数据在 ，再渲染
        console.log(res);
        this.yingyuan = res.data;
      });
  },
  beforeMount() {},
  mounted() {},
};
</script>

<style>
.cinema-list {
  margin-top: 0;
}
.cinema-list .list-wrap {
  background-color: #fff;
}
.cinema-list .list-wrap .item {
  padding: 13px 15px 13px 0;
  margin-left: 15px;
  background-color: #fff;
  position: relative;
  overflow: hidden;
}
.cinema-list .list-wrap .title-block {
  display: block;
}
.box-flex:not(.column).middle,
.inline-flex:not(.column).middle {
  -webkit-box-align: center;
  align-items: center;
}
</style>